<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./xiangqing.css" />
    <script type="text/javascript" src="./xiangqing.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between group">
        <span class="text">8:59</span>
        <div class="flex-row space-x-5">
          <img class="image" src="../../img/eb0eccd80283b8201edb842c4fdbfa4d.png" />
          <img class="image_2" src="../../img/e8ab5b1b2110de2444e01ed41ac61197.png" />
          <img class="image_3" src="../../img/7704580c6d7093e809e74a7cca0482a7.png" />
        </div>
      </div>
      <div class="flex-row justify-center group_2">
        <img class="image_4" src="../../img/a400a04bf070d3afac4794e90f7dd767.png" />
        <span class="text_2">灯</span>
      </div>
      <div class="flex-row justify-between section">
        <div class="flex-col items-start space-y-11">
          <span class="font_1 text_3">链接开关</span>
          <span class="font_1 text_4">卧室</span>
        </div>
        <img class="image_5" src="../../img/0463d58c28fc3c8dd3dca54751ac3635.png" />
      </div>
      <div class="flex-col items-center group_3">
        <div class="flex-col items-center section_2">
          <img class="image_9" src="../../img/18996a5317ef45c08cc4b528de0e0901.png" />
          <div class="flex-col space-y-25 section_3">
            <div class="flex-col group_4">
              <div class="section_4"></div>
              <div class="flex-row space-x-80 group_5">
                <img class="image_6" src="../../img/a89ee2f12435b8e73f1b6450d3590de6.png" />
                <img class="image_6" src="../../img/fe368bb29a6f73202aee8e55677c3972.png" />
              </div>
            </div>
            <div class="flex-col space-y-25">
              <div class="flex-row">
                <div class="flex-row space-x-5">
                  <div class="section_5"></div>
                  <div class="flex-col items-center space-y-80">
                    <img class="image_7" src="../../img/63794f94bb0487c1778aab974c0040b5.png" />
                    <img class="image_7" src="../../img/248b6ec97314d6d243e75cecb0acab06.png" />
                  </div>
                </div>
                <div class="flex-col items-center image-wrapper">
                  <img class="image_8" src="../../img/1f9925347af6105b1997a7f307e8ac85.png" />
                </div>
                <div class="flex-row space-x-5 group_6">
                  <div class="flex-col items-center space-y-80">
                    <img class="image_7" src="../../img/3999e3930d302801344f4f7620312d01.png" />
                    <img class="image_7" src="../../img/e531ba218ed239d44954c7875ccad0f9.png" />
                  </div>
                  <div class="section_5"></div>
                </div>
              </div>
              <div class="flex-col group_4">
                <div class="flex-row space-x-80 group_7">
                  <img class="image_6" src="../../img/04bdce46db9f06326aa0726275f07f82.png" />
                  <img class="image_6" src="../../img/e286bd0b6155766aa65572ec4d791767.png" />
                </div>
                <div class="section_4"></div>
              </div>
            </div>
          </div>
        </div>
        <img class="image_10" src="../../img/eb06bea5c3520e3156ae7fa93136a03b.png" />
      </div>
      <div class="flex-col group_8">
        <div class="flex-col items-center text-wrapper"><span class="text_5">70%</span></div>
        <div class="flex-row group_9">
          <span class="font_1 text_6">0%</span>
          <div class="flex-col items-start section_6">
            <div class="flex-col items-end image-wrapper_2">
              <img class="image_11" src="../../img/c93486429cbc2b203b819f8df1d3f4a9.png" />
            </div>
          </div>
          <span class="font_1 text_7">100%</span>
        </div>
      </div>
      <div class="flex-row justify-between group_10">
        <img class="image_12" src="../../img/e2d63a84703de46008696fcc4fe9c0b8.png" />
        <img class="image_12 image_13" src="../../img/e2d63a84703de46008696fcc4fe9c0b8.png" />
      </div>
      <div class="flex-col items-center group_11">
        <img class="image_14" src="../../img/8331c222523d0008bea423619df7a40b.png" />
        <div class="flex-row justify-between section_7">
          <div class="flex-row space-x-42">
            <img class="image_16" src="../../img/00fc3d4547afc13a819d052cb66ced9e.png" />
            <img class="image_17" src="../../img/2e02cf362e7aea7fb89ad1eb9bf56a4a.png" />
          </div>
          <div class="flex-row space-x-45">
            <img class="image_18" src="../../img/e8d2dd17e99f6c51cd1f2ac6da1331d1.png" />
            <img class="image_19" src="../../img/d497706ac70d661e51fcf9b4bcc20ab2.png" />
          </div>
        </div>
        <img class="image_15" src="../../img/f7814fb7fa88ac15710dabd8a929c8a6.png" />
      </div>
    </div>
  </body>
</html>